<template>
  <div class="RiskModel">
    <div class="flexC" style="padding:0rem 2.7rem;">
      <div class="flex JustifyContentC" style="padding-top: 0.7rem;">
        <p class="modal_img flex1"></p>
        <p class="Bold font_s36 colorF textC flex2">浦东新区社会组织协同监管数据大平台风险标准</p>
        <p class="modal_img1 flex1"></p>
         <div class="imgclone"><img style="width: 2.5rem;height: 2.5rem;" src="../../../assets/img/comprehensive/components/clone.png" alt="" /></div>
      </div>
      <div class="flex" style="padding-top: 4.625rem;">
        <div class="flex flex1 JustifyContentC AlignItemsC"><p class="risk_icon colorF Bold textC ">风险监管（一票否决）</p></div>
        <div class="flexC flex5 JustifyContentSA">
          <ul class="flex risk_ul  AlignItemsC">
            <li class="flex2 Bold font_s18 colorF textC ">风险评估</li>
            <li class="flex1 Bold font_s18 colorF textC">说明</li>
            <li class="flex1 Bold font_s18 colorF textC">风险类别</li>
          </ul>
          <ul  v-for="(item, index) in obj" class="flex risk_ul1  AlignItemsC" :key="'list' + index">
            <li class="flex2 Bold font_s18 colorF">{{item.texta}}</li>
            <li class="flex1 Bold font_s18 colorF textC">{{item.textb}}</li>
            <li class="flex1 Bold font_s18 colorF textC">{{item.textc}}</li>
          </ul>
        </div>
        <div class="flex1" style="margin: 0rem -3rem;"></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      obj: [
        {
          texta: '经依法登记的，但连续两年以上（包括两年）未参加年度检查， 且已无法取得联系的',
          textb: '列入名存实亡',
          textc: 'C类'
        },
        {
          texta: '未按照规定时限和要求向登记管理机关报送年度工作报告的 （系统自动推送)',
          textb: '列入活动异常名录',
          textc: 'B类'
        },

        {
          texta: '未按照有关规定设立党组织的（系统自动推送)',
          textb: '列入活动异常名录',
          textc: 'B类'
        },
        {
          texta: '登记管理机关在抽查和其他监督检查中发现问题，发放整改文书 要求限期整改，社会组织未按期完成整改的',
          textb: '列入活动异常名录',
          textc: 'B类'
        },
        {
          texta: '具有公开募捐资格的慈善组织，存在《慈善组织公开募捐管理办法》 第二十一条规定情形的',
          textb: '列入活动异常名录',
          textc: 'B类'
        },
        {
          texta: '受到警告或者不满5万元罚款处罚的',
          textb: '列入活动异常名录',
          textc: 'B类'
        },
        {
          texta: '通过登记的住所无法与社会组织取得联系的',
          textb: '列入活动异常名录',
          textc: 'B类'
        },
        {
          texta: '法律、行政法规规定应当列入的其他情形的',
          textb: '列入活动异常名录',
          textc: 'B类'
        },
        {
          texta: '无上述风险',
          textb: '除名存实亡、活动异常名录',
          textc: 'A类'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.RiskModel {
  width: 100%;
  height: 100%;
 .imgclone {
    position: absolute;
    right: 7rem;
  }
  .modal_img {
    height: 2.875rem;
    background: url(../../../assets/img/comprehensive/components/3.png) no-repeat;
    background-size: 100% 100%;
  }
  .modal_img1 {
    height: 2.875rem;
    background: url(../../../assets/img/comprehensive/components/4.png) no-repeat;
    background-size: 100% 100%;
  }
  .risk_icon {
    width: 4.1875rem;
    height: 20rem;
    line-height: 4.1875rem;
    font-size: 1.75rem;
    writing-mode: vertical-lr;
    background: url(../../../assets/img/comprehensive/components/6.png) no-repeat center;
    background-size: 100% 100%;
  }
  .risk_ul {
    height: 2.75rem;
    margin-bottom: 0.1875rem;
    margin-bottom: 0.1875rem;
    padding: 0rem 2.15rem;
    background: url(../../../assets/img/comprehensive/components/7.png) no-repeat center;
    background-size: 100% 100%;
  }

  .risk_ul li:nth-child(2) {
    padding-left: 2.375rem;
  }
  .risk_ul1 {
    padding: 0rem 2.375rem;
    margin: 0.2rem 0rem;
    height: 3.6875rem;
    background: url(../../../assets/img/comprehensive/components/8.png) no-repeat center;
    background-size: 100% 100%;
  }
  .risk_ul1 li:nth-child(1) {
    padding-right: 2.375rem;
  }
}
</style>
